<template>
    <section class="asn_field_panel">
        <span class="name" v-if="name">{{ name }}</span>
        <slot></slot>
    </section>
</template>

<script>
export default {
    props: {
        name: {
            type: String,
            default: ''
        }
    },
    data() {
        return {

        }
    }
}
</script>

<style lang="scss" scoped>
.asn_field_panel {
    width: 300px;
    display: flex;
    align-items: center;

    .name {
        width: 80px;
        text-align: right;
        padding-right: 5px;
    }
}
</style>